<template>
    <div class="contact">
       <div class="container">
           <div class="title"><img src="~assets/index/contacttitle.png" alt=""></div>
           <div class="body">
               <div class="pic"><img src="~assets/index/contact-left.png" alt=""></div>
               <div class="form">
                   <index-form></index-form>
               </div>
            </div>  
       </div>
            
    </div>
</template>

<script>
import IndexForm from './Form'
export default {
      name:'IndexContact',
        components:{
            IndexForm
        },
        data (){
            return {
             
            }
        },
        methods: {
           
            
        },
}
</script>
<style lang="stylus" scoped>
@import '~assets/varibles.styl'
.contact
    background white
.container
    overflow hidden
    width $container
    margin $center
    .title
        margin 70px auto 0 auto
    .body
        margin-top 64px
        overflow hidden
        background #f8f8f8
        margin-bottom 72px
        .pic
            margin 50px 0 78px 44px
            float left
        .form 
            
            float right
            width 600px
            background #f2f2f2
            
                                      
</style>
